<html>
	<head>
		<title>maquetacion1</title>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
		<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
		<link href='http://fonts.googleapis.com/css?family=PT+Sans:400,700,400italic,700italic' rel='stylesheet' type='text/css'>
		<link rel="stylesheet" href="css/reset.css" />
		<link rel="stylesheet" href="css/styles.css" />
		<link rel="stylesheet" href="css/home.css" />
		<script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?&sensor=false"></script>
	
		<script type="text/javascript">
			$('document').ready(function(){
			
				var mapOptions = {
					center: new google.maps.LatLng(-34.397, 150.644),
					zoom: 8,
					mapTypeId: google.maps.MapTypeId.ROADMAP
				};
				var map = new google.maps.Map(document.getElementById("mapa_ruta"), mapOptions);
				console.log(1);
			});
		</script>
	</head>
	<body>
	

		<div id="body">
			<br />
			<div class="box max_width_medium">
				<h2>SUBIR RUTA</h2>
				<hr />
				<div class="box_content" >
					<div class="column_1_2">
						<label for="nombre">Nombre: </label>
						<input type="text" name="nombre" />
						<label for="descripcion">Descripcion: </label>
						<textarea name="descripcion"></textarea>
						<label for="actividad">Actividad: </label>
						<select name="actividad">
							<option value="senderismo">Senderismo</option>
							<option value="senderismo">Senderismo</option>
						</select>
						<label for="dificultad">Dificultad: </label>
						<select name="dificultad">
							<option value="cualquiera">Cualquiera puede</option>
							<option value="dificil">Dificil</option>
						</select>
						<label for="privacidad">Privacidad: </label>
						<select name="privacidad">
							<option value="publico">Publico</option>
							<option value="privado">Privado</option>
						</select>
						<label for="fotos">Fotos: </label>
						<input type="file" name="fotos" />
					</div><!--
					--><div class="column_1_2 text_align_right">
						<div id="mapa_ruta" style="width:100%; height:300px"></div>
					</div>
				</div>
			</div>
		
		
		
		</div>
	
		<img id="background_logo" src="imagenes/logo_fondo.png"/>
	
		
			
	
			
		
	<!-- End Save for Web Slices -->
	</body>
</html>